<template>
	<div class="common_tags">
		<div class="common_tags_main">
			<span v-for="(item,index) in keys">
				<router-link :to="{name: 'search', params:{key:item}}" v-if="index<len" :style="{width:(100/column)+'%'}">{{item}}</router-link>
			</span>
		</div>
	</div>
</template>
<script>
	export default{
		name:"common_tags",
		data:function(){
			return {}
		},
		props:["keys", "len", "column"]
	}
</script>
<style lang="less">
	@base:23.44/1rem;
	.common_tags{
		margin:0 0 10/@base 0;
		border-bottom:1/@base solid #e6e6e6;
		.common_tags_main{
			padding:10/@base 20/@base;
			background-color: #fff;
			a{
				font-size: 20/@base;
				display:inline-block;
				text-decoration: none;
				padding:10/@base 0;
				color:#0366d6;
				width:20%;
			}
		}
	}
</style>